@charset "utf-8";

/* head */
.head h1 img{width: 260px;height: 100px;}
.head h2{line-height: 70px;font-size: 28px;letter-spacing:2px}
.head-box p{font-size: 22px;padding-top: 40px;letter-spacing:2px}
.head-box{height: 70px;}
.head-bd{width: 100%;border-bottom: 4px solid #f3f3f3}




/* shopcar */
.hint{font-size: 20px;line-height: 30px;;}

.shopcar >  div{ display: table-row;/* 表格行 */}
.shopcar >  div > p{ display: table-cell;/* 表格列 */vertical-align: middle;/* 垂直对齐方式 */ padding-left: 20px; box-sizing: border-box; }
.shopcar >  div > p:nth-child(1){ width:  100px;}
.shopcar >  div > p:nth-child(2){ width:  300px;}
.shopcar >  div > p:nth-child(3){ width:  200px;}
.shopcar >  div > p:nth-child(4){ width:  200px;}
.shopcar >  div > p:nth-child(5){ width:  200px;}
.shopcar >  div > p:nth-child(6){ width:  200px;}

.shopcar-head{ background-color: #f3f3f3; line-height: 50px; }

.shopcar-body p{ border-bottom: 1px solid #ccc; padding: 20px 0;}

.reduce, .add{ float: left; width: 20px; height: 20px; text-align: center;user-select: none; cursor: pointer; line-height: 20px; background-color: #ccc;}
.pronum{ float: left; width: 40px; height: 20px; border:1px solid #ccc; text-align: center; box-sizing: border-box;}

.shopcar-foot{ border: 1px solid #ccc; line-height: 50px;}
.shopcar-foot button{width: 130px;height: 60px;text-align: center;line-height: 60px;background-color: #f60;font-size: 26px;color: #fff;border: 0;}
.wow img{width: 100%;}